<template>
  <div class="app-container">
    <el-form
             status-icon
             label-position="left"
             label-width="60px"
             class="checkForm">
      <h3 style="text-align: center" class="title">区块链校验</h3>
      <br/><br/>
      <h3 style="text-align: center">请分别输入需要核验的文件ID以及哈希值</h3>
      <br/><br/>
      <el-form-item prop="ID" label="文件ID">
        <el-input type="text"
                  auto-complete="off"
                  placeholder="请输入"
                  v-model="formData.fileID"
        ></el-input>
      </el-form-item>
      <el-form-item prop="hash" label="哈希值">
        <el-input type="text"
                  auto-complete="off"
                  placeholder="请输入"
                  v-model="formData.hash"
        ></el-input>
      </el-form-item>
      <el-form-item style="width:100%;">
        <el-button type="primary" style="width:50%;margin-left: 20%" @click="handleSubmit">开始校验</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'Check',
  data () {
    return {
      formData: {
        fileID: '',
        hash: ''
      }
    }
  },
  methods: {
    // 校验提交
    handleSubmit () {
    }
  }
}
</script>

<style scoped>
.app-container {
  background: aliceblue;
}
.title {
  font-size: x-large;
}
.login-container {
  width: 100%;
  height: 100%;
}
.checkForm {
  margin: 80px auto;
  width: 400px;
  padding: 20px 20px 10px;
}
</style>
